<template>
    <div class="container">
        <div class="success-icon">
            <i v-if="result" class="fa fa-check-circle"></i>
            <i v-if="!result" class="fa fa-times-circle"></i>
        </div>
        <p class="success-title">保存成功</p>

        <p class="success-return"><a @click="goBack"><span>3s后返回...</span></a></p>
    </div>
</template>

<script>
    export default {
        name: "add-org-success",
        mounted(){
            this.result = this.$route.params.result;
            setTimeout(()=>{
                this.goBack();
            },3000);
        },
        data(){
            return{
                result:true
            }
        },
        methods:{
            goBack(){
                this.$router.push("/distList");
            }
        }
    }
</script>

<style scoped>
    .success-icon{font-size: 80px;color: #FF9900;text-align: center;margin-top: 50px;}
    .success-title{text-align: center;color:#FF9900;font-size:20px;}
    .success-content{text-align: center;font-size: 20px;margin-top: 20px}
    .success-content p span {color:#FF9900;}
    .success-return{font-size: 16px;text-align: center;margin-top: 50px;}
    .success-return a span{color:#FF9900;}

</style>